<!-- 碳排放数据分析评价 -->
<template>
  <div class="analyze_container">
    <div class="bottom">
      <!-- 需要加一个elementplus里的scrollbar -->
      <div class="left">
        <div class="left_top"><carbonLabel /></div>
        <div class="left_bottom"><highLabel /></div>
      </div>
      <!-- <div class="right"></div> -->
    </div>
  </div>
</template>

<script setup lang="ts">
import carbonLabel from './component/carbonLabel.vue'
import highLabel from './component/highLabel.vue'
</script>
<style lang="scss" scoped>
.analyze_container {
  width: 100%;
  height: 100%;
  .top {
    width: 469px;
    height: 114px;
    // background-color: saddlebrown;
  }
  .bottom {
    width: 100%;
    height: 865px;
    display: flex;
    justify-content: space-between;
    .left {
      // width: calc(100% - 516px);
      // width: 100vw;
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      .left_top {
        width: 100%;
        height: 340px;
        // background-color: salmon;
      }
      .left_bottom {
        width: 100%;
        margin-top: 110px;
        background-color: skyblue;
      }
    }
  }
}
</style>
